@charset "utf-8";
@import "common";
.result-main {
    padding-bottom: 6.5rem;
}

.result-info {
    padding: 1.5rem 3rem;
    background: $themeColor;
    .result-win {
        margin: 0 auto;
        .result {
            position: relative;
            display: block;
            margin: 0 auto 1.5rem;
            width: 15rem;
            background: url("../img/win.png") no-repeat;
            background-size: 100%;
            height: 9rem;
            .result-txt {
                position: absolute;
                bottom: 0.9rem;
                left: 26%;
                font-size: 2.1rem;
                color: #fff;
            }
        }
        .txt-win {
            font-size: 1.7rem;
            color: rgb(255, 200, 101);
            line-height: 2.1rem;
            font-weight: bold;
        }
    }

    .result-info-detail {
        line-height: 2.1rem;
        font-size: 1.3rem;
        color: white;
        .row {
            span+span {
                margin-left: 2rem;
            }
        }
    }
}
.result-detail {
    background: white;
    .list-group {
        .list-group-item {
            padding: 0 3rem;
            border-bottom: 1px solid rgb(221,221,221);
            line-height: 2;
            .time-wrapper {
                display: flex;
                justify-content: space-between;
                .date {
                    font-size: 1.4rem;
                    color: rgb(81,81,81);
                }
                .time {
                    font-size: 1rem;
                    color: rgb(199,199,199);
                }
            }
            .muted {
                font-size: 1.3rem;
                color: rgb(166,166,166);
            }
        }
    }
}
.footer {
    .btn-again {
        background: rgb(246,111,111);
    }
    .btn-share {
        background: rgb(251,180,53);
    }
}
